import React from "react";
import './index.scss'
function quickCheck(){
    return(<div className="body">
        <main>
            <section className="about-us">
                <div className="content">
                    <h1 className="section-title">关于我们</h1>
                    <ul className="white-text mission">
                        <div className="text-right">
                            欢迎使用企业通勤班车管理系统。<br/>本系统致力于为企业提供一流的班车管理系统解决方案。我们深知员工通勤的复杂性和挑战，因此，我们设计并实施了一套高效、可靠、易于使用的班车管理系统，旨在提升员工的通勤体验并为企业节约成本。我们的使命是通过技术的力量，改善员工的通勤体验，同时为企业降低运营成本。
                        </div>
                    </ul>
                    <h3 className="section-title">我们的使命</h3>
                    <ul className="white-text mission">
                        <div className="text-right">
                            <li>提升通勤效率：通过智能调度和实时监控，减少等待时间，确保班车准时到达。</li>
                            <li>确保安全出行：我们重视每一位乘客的安全，采用严格的安全标准和先进的监控技术。</li>
                            <li>优化成本控制：通过高效的资源配置和能源管理，帮助企业降低运营成本。</li>
                            <li>支持企业可持续发展：通过高效的班车管理系统，帮助企业实现环境责任和经济效益的双重目标。</li>
                        </div>
                    </ul>
                    <h3 className="section-title">我们的愿景</h3>
                    <ul className="white-text mission">
                        <div className="text-right">
                            <li>全球领先，创新驱动：我们致力于成为全球企业班车管理系统的领导者，通过不断的技术创新，引领行业发展，为企业提供最前沿的通勤解决方案。</li>
                            <li>智能出行，无缝体验：
                                我们的愿景是通过智能化技术，打造一个无缝的通勤体验，让员工的每一次出行都变得轻松、高效。
                            </li>
                            <li>安全至上，守护每一次出行：安全是我们的核心价值之一。我们承诺通过持续的技术投入和安全教育，确保每一次班车出行都是安全的。</li>
                        </div>
                    </ul>
                    <h3 className="section-title">我们的服务承诺</h3>
                    <ul className="white-text mission">
                        <div className="text-right">
                            <li>个性化定制：我们理解每个企业都有其独特的需求，因此我们提供定制化的服务来满足这些需求。</li>
                            <li>可靠性和安全性：我们的系统设计注重可靠性和数据安全，确保企业信息和员工隐私得到保护。</li>
                            <li>持续改进：我们承诺不断改进我们的服务，以适应不断变化的市场和技术环境。</li>
                        </div>
                    </ul>
                </div>
            </section>
        </main>
        <main>
            <section className="contact">

                <div className="content">
                    <h2>联系我们</h2>
                    <p>
                        请填写以下表格，我们会尽快回复您的信息。
                    </p>
                </div>
                <div className="container">
                    <div className="contactInfo">
                        <div className="box">
                            <div className="icon">
                                <i className="fa-solid fa-location-dot"></i>
                            </div>
                            <div className="text">
                                <h3>地址</h3>
                                <p>北京市昌平区府学路18号</p>
                            </div>
                        </div>
                        <div className="box">
                            <div className="icon">
                            </div>
                            <div className="text">
                                <h3>电话</h3>
                                <p>86-12345678</p>
                            </div>
                        </div>
                        <div className="box">
                            <div className="icon">
                                <i className="fa-solid fa-envelope"></i>
                            </div>
                            <div className="text">
                                <h3>邮箱</h3>
                                <p>12345678@qq.com</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div className="biao">
                    <form id="waterform" method="post">
                        <div className="formgroup" id="name-form">
                            <label htmlFor="name">您的姓名</label>
                            <input type="text" id="name" name="name"/>
                        </div>
                        <div className="formgroup" id="email-form">
                            <label htmlFor="email">您的邮箱</label>
                            <input type="email" id="email" name="email"/>
                        </div>
                        <div className="formgroup" id="message-form">
                            <label htmlFor="message">您的留言</label>
                            <textarea id="message" name="message"></textarea>
                        </div>
                        <input type="submit" value="发送留言!"/>
                    </form>
                </div>
            </section>
        </main>
    </div>)
};
export default quickCheck;